<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>
<!-- 页面打开就有弹窗，点击右上角的×后，弹窗向指定目标缩小消失，如果不点击则15秒后弹窗自动关闭消失 -->
<body>
    <p>首页</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <div id="target" class="target">target here</div>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>

    <div class="mask"></div>
    <img src="../img/win10withoutGift.png" class="mask-pic">
    <div class="mask-panel">
        <a href="http://www.baidu.com" target="_blank" class="click"></a>
        <div class="mask-close"></div>
    </div>

    <script src="../js/jquery-1.11.3.min.js"></script>
    <script src="./myMask.js"></script>
</body>
</html>